$(document).ready(function(){
	initControl();
	loadPages();
	
	function initControl()
	{
		$(".ck_content").ckeditor({
			height: 280,
			filebrowserBrowseUrl: "/kcfinder/browse.php?type=files",
			filebrowserImageBrowseUrl: "/kcfinder/browse.php?type=files",
			filebrowserFlashBrowseUrl: "/kcfinder/browse.php?type=files",
			filebrowserWindowWidth: 640,
			filebrowserWindowHeight: 480
		});

		$("#editPageDialog").dialog({
			autoOpen: false,
			width: 1000,
			resizable: false,
			buttons: {
				"Cập nhật": function(){
					$("#editPageErrorRow").css("display", "none");
					$.post("/page/edit", $("#editPageForm").serialize(), function(data){
						var returnData = $.parseJSON(data);
						if (returnData.code == 0)
						{
							loadPages();
							$("#editPageDialog").dialog("close");
						}
						else
						{
							$("#editPageErrorRow").css("display", "");
							$("#editPageErrorMessage").html(returnData.data);
						}
					});
					return false;
				},
				"Đóng": function(){
					$(this).dialog("close");
				}
			},
			close: function(event, ui)
			{
				$("#editPageID").val("");
				$("#editPageLanguageID").val("");
				$("#editPageContent").val("");
			}
		});
	}

	function loadPages()
	{
		$.get("/page/list", {}, function(data){
			var returnData = $.parseJSON(data);
			var pageTable = document.getElementById("listPageTable");
			while (pageTable.rows.length > 1)
				pageTable.deleteRow(pageTable.rows.length - 1);
				
			var anySelectPrivTrue = 0;
			for (var i = 0; i < returnData.data.length; i++)
			{
				var row = pageTable.insertRow(pageTable.rows.length);
				var cellHTML = "";
				cellHTML += "<td align='center'>" + returnData.data[i].ID + "</td>";
				cellHTML += "<td>" + returnData.data[i].NAME + "</td>";
				
				cellHTML += '<td align="center">';
				if(returnData.data[i].UPDATE_PRIV) {
					cellHTML += "<a id='vi" + returnData.data[i].ID + "' href='#' class='viPage'>Tiếng Việt</a> | <a id='en" + returnData.data[i].ID + "' href='#' class='enPage'>English</a>";
				} else {
					cellHTML += 'Không có';
				}
				
				if(returnData.data[i].SELECT_PRIV) {
					anySelectPrivTrue = 1;
				}
				cellHTML += '</td>';
				
				row.innerHTML = cellHTML;
			}
			
			if(anySelectPrivTrue) {
				$('#listPageTableWrapper').show();
				
				$(".viPage").unbind("click");
				$(".enPage").unbind("click");
				$(".viPage").click(function(){
					var pageID = $(this).attr("id").substr(2);
					editPage(pageID, "vi");
					return false;
				});
				$(".enPage").click(function(){
					var pageID = $(this).attr("id").substr(2);
					editPage(pageID, "en");
					return false;
				});
			} else {
				$('#selectPrivReport').show();
			}
		});
	}

	function editPage(pageID, languageID)
	{
		if ((pageID > 0) && (languageID != ""))
		{
			$.get("/page/info", {id: pageID, lang: languageID}, function(data){
				var returnData = $.parseJSON(data);
				if (returnData.code == 0)
				{
					if (returnData.data.LANGUAGE_ID == "vi")
						$("#editPageName").html(returnData.data.NAME + " / Tiếng Việt");
					else if (returnData.data.LANGUAGE_ID == "en")
						$("#editPageName").html(returnData.data.NAME + " / English");
					$("#editPageLanguageID").val(returnData.data.LANGUAGE_ID);
					$("#editPageContent").val(returnData.data.CONTENT);
					$("#editPageID").val(returnData.data.ID);
					$("#editPageDialog").dialog("open");
				}
			});
		}
	}

});

